/*时间模块*/
.all{
    background-color: #ebfbfe;
    height: 100%;
}
div .col-md-4{
    padding: 70px;
}
 div .col-md-4 ul li{
     list-style:none;
     margin-bottom: -5px;
     color: rgba(79, 195, 251, 0.5);
 }
 .henXian{
     font-size: 10px;
     color: #a6e2fc;background-color: #eafafd;
     position: relative;
     top: -10px;
     left: 45%;
     text-align: center;
 }

/*登录界面*/
.dengLu{
    width: 290px;
    height: 270px;
    border-radius: 10px;
    margin-top: 50px;
    background-color: #ffffff;
    margin-left: 10%;
    position: absolute;
    z-index:2;

}
#dengLu{
    background-color: #3cdcfc;
    padding-top: 5px;
    border-radius: 10px 10px 0px 0px;
    padding-left: 20px;
    color: #fff;
}
.dengLu_nei{
    padding-left: 20px;
}
.dengLu_nei input{
    border-top: 0px;
    border-left: 0px;
    border-right: 0px;
}
.dengLu_nei button{
    width: 220px;
    height: 35px;
    color: #fff;
    background-color: #37e4fc;
    border: none;
}
/*注册*/
.zhuCe{
    width: 290px;
    height: 300px;
    border-radius: 10px;
    margin-top: 50px;
    background-color: #ffffff;
    margin-left: 10%;
    position: absolute;
    top:50px;
    left: 80px;
    z-index:1;
}
#zhuCe{
    background-color: #3cdcfc;
    padding-top: 5px;
    border-radius: 10px 10px 0px 0px;
    padding-left: 20px;
    color: #fff;
}
.zhuCe h3{
    text-align: right;
    margin-right: 10px;
}
.zhuCe_nei{
    padding-left: 20px;
}
.zhuCe_nei input{
    border-top: 0px;
    border-left: 0px;
    border-right: 0px;
}
.zhuCe_nei button{
    width: 220px;
    height: 35px;
    color: #fff;
    background-color: #37e4fc;
    border: none;
}
.chongZhi{
    width: 300px;
    height: 400px;
    margin-left: 20%;
    background-color: #ffffff;
    margin-top: 50px;
    border-radius: 10px;
}
#chongZhi{
    background-color:#37e4fc ;
    height: 50px;
    color: #fff;
    text-align: center;
    border-radius: 10px 10px 0 0;
}
.chongZhi h3{
    padding-top: 10px;
}
.chongZhi input{
    border-top: 0px;
    border-left: 0px;
    border-right: 0px;
    margin-left: 30px;
}
.chongZhi button{
    width: 260px;
    height: 50px;
    margin-left: 20px;
    background-color:#37e4fc ;
    border: none;
}
.yzm button{
    width: 80px;
    height: 30px;
    font-size: 8px;
}
.chongZhi a{
     position:absolute;
    bottom: 15px;
    margin-left: 20px;
  }

/*todoList页面*/
.left{
    height: 550px;
    width: 750px;
    border-radius: 10px;
    background-color: #fff;
    margin-top: 50px;
    margin-bottom: 10px;

}
.top{
    border-radius: 10px 10px 0 0 ;
    height: 65px;
    font-size: 18px;
    color: #fff;
    background: -ms-linear-gradient(left, #2feffc, #51bffb);        /* IE 10 */
    background:-moz-linear-gradient(left,#2feffc,#51bffb);/*火狐*/
    background:-webkit-gradient(linear, 0% 0%, 0% 100%,from(#2feffc), to(#51bffb));/*谷歌*/
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#2feffc), to(#51bffb));      /* Safari 4-5, Chrome 1-9*/
    background: -webkit-linear-gradient(left, #2feffc, #51bffb);   /*Safari5.1 Chrome 10+*/
    background: -o-linear-gradient(left, #2feffc, #51bffb);  /*Opera 11.10+*/
}
.top-left{
    margin-left: 20px;
    background-color: rgba(58, 223, 251, 0);
    margin-top:20px;
    color: #ffffff;
    border: none;
}
.top-right{
    width: 50px;
    height: 50px;
    border-radius:50%;
    color: #000000;
    background-color: #fff;
    cursor: pointer;
    line-height: 50px;
    font-size: 30px;
    text-align: center;
    margin-right: 12px;
    margin-top: 8px;

}
/*.top_right{
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background-color: #ffffff;
    position:relative;
    top: -20px;
    left: 90%;
    color: #000000;
    text-align: center;
}*/

.nei{
    height: 85px;
    background-color: #fdfdfe;
    border-bottom: solid 1px #f1f1f1;
    transition:0.5s;
    -webkit-transition: 0.5s;
}
.tan_button{
    width: 50px;
    height:50px;
    text-align: center;
    float: right;
    font-size: 12px;
    line-height: 30px;
    cursor: pointer;
}
.nei_big{
    transform: scale(1.05,1.05);
    box-shadow: 2px 3px #dadada;
    border-left: solid 5px #66aee8;
}
.tan_button_top,.tan_button_bottom,.tan_button_left,.tan_button_right{
    opacity: 0;
    color: #ffffff;
}
.nei_big .tan_button_top{
     width: 50px;
     height: 50px;
     border-radius: 50%;
    line-height: 50px;
    position: absolute;
     top:-15px;
     right:40px;
 }
.nei_big .tan_button_bottom{
    width: 50px;
    height: 50px;
    border-radius: 50%;
    line-height: 50px;
    position: absolute;
    top: 39px;
    right:40px;
}
.nei_big .tan_button_left{
    width: 50px;
    height: 50px;
    border-radius: 50%;
    line-height: 50px;
    position: absolute;
    right: 80px;
    top: 15px;
}
.nei_big .tan_button_right{
    width: 50px;
    height: 50px;
    border-radius: 50%;
    line-height: 50px;
    position: absolute;
    right:0px;
    top:15px;
}
.tan_button_bottom,.tan_button_top,.tan_button_left,.tan_button_right{
    position: absolute;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    right: 20px;
    transition:  0.5s all ease;
}
.nei_big .tan_button_bottom,.nei_big .tan_button_top,.nei_big .tan_button_left,.nei_big .tan_button_right {
    opacity: 1;
}
.nei_big .tan_button_top{
    background-color: #fdfdfe;
    box-shadow: 2px 2px #f3f3f3;
    color: #66aee8;
    top: -25px;
}
.nei_big .tan_button_bottom{
    background-color: #fdfdfe;
    box-shadow: 2px 2px #f3f3f3;
    color: #66aee8;
    top:55px;
}
.nei_big .tan_button_left{
    background-color: #fdfdfe;
    box-shadow: 2px 2px #f3f3f3;
    color: #66aee8;
    left: -110px;
    top: 15px;
}
.nei_big .tan_button_right{
    background-color:#fdfdfe;
    box-shadow: 2px 2px #f3f3f3;
    color: #66aee8;
    left: 30px;
    top: 15px;
}
.save{
    height: 50px;
    width: 50px;
    border-radius: 50%;
    line-height: 50px;
    text-align: center;
    background-color:#fdfdfe;
    color: #66aee8;
    position: relative;
    top: -20px;
    left: 600px;
}
.cancel{
    height: 50px;
    width: 50px;
    border-radius: 50%;
    line-height: 50px;
    text-align: center;
    background-color:#fdfdfe;
    color: #66aee8;
    position: relative;
    top: -70px;
    left: 680px;
}
